import React from 'react'
import {render} from 'react-dom'

// let React = require('react')
// let ReactDom = require('react-dom')

// let oLi = React.createElement('li',{},'qqqqq')
// let oUl = React.createElement('ul',{},[oLi])

// let oDiv = React.createElement('div',{id:"box"},['我是子节点',oUl])


let arr=[111,222,333,444]
let oDiv =<div id="box">
    <ul>
       {
           arr.map((item) =><li>{item}</li>)
       }
      <span><img src="./imgs/01.png" alt="" /></span> 
      <span><img src="./imgs/02.png" alt="" /></span> 
      <span><img src="./imgs/03.png" alt="" /></span> 
      <span><img src="./imgs/04.png" alt="" /></span> 
    </ul>
</div>


render(oDiv,document.getElementById('app'),()=>{
    console.log("渲染成功");
});

//console.log(__dirname);